<!DOCTYPE html>
<html lang="en">
<head>
    <script src="/static/js/dev.js"></script>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--bootstrap插件-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="/static/plugin/element-ui/element-ui.css" rel="stylesheet"/>
    <!--字体插件-->
    <link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <!--common-->
    <link href="/static/css/common.css" rel="stylesheet"/>
    <link href="/static/css/common-element-plus.css" rel="stylesheet"/>
    <link href="/static/css/common_biz.css" rel="stylesheet"/>
    <link href="/static/css/login/login.css" rel="stylesheet"/>
    <title>登录</title>
    <style>

    </style>
</head>
<body class="alloy-login-bg alloy-bg">
<div id="app" class="alloy-login-main">

    <div class="alloy-login-left alloy-bg">

    </div>
    <div class="alloy-login-right">
        <div class="alloy-login-right-title">
            <img class="alloy-login-right-title-icon" src="/static/images/login/login-logo.png">
            <div class="alloy-login-right-title-text">账户登录</div>
            <div class="alloy-login-right-title-sub">SIGN IN</div>
        </div>
        <div class="alloy-login-right-form">
            <div class="alloy-login-right-form-item">
                <div class="alloy-login-right-form-title">账号：</div>
                <div>
                    <input type="text" v-model="account" class="alloy-login-right-form-input" placeholder="请输入账号"
                           autocomplete="off">
                </div>
            </div>
            <div class="alloy-login-right-form-item">
                <div class="alloy-login-right-form-title">密码：</div>
                <div>
                    <input type="password" v-model="password" class="alloy-login-right-form-input" @keyup.enter="login"
                           placeholder="6 - 16 位密码，区分大小写" autocomplete="off">
                </div>
            </div>
            <div class="alloy-login-right-forget">
                <img src="/static/images/login/login-wenhao.png">
                &nbsp;&nbsp;<a href="./index.html">忘记密码</a>
            </div>
        </div>
        <div class="alloy-login-right-btn alloy-index-btn" @click="login">
            登录
        </div>
    </div>

</div>


<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--layer-->
<script src="/static/plugin/layer/layer.js"></script>
<!--vue-->
<script src="/static/plugin/vue/v3/vue.global.js"></script>
<script src="/static/plugin/element-ui/element-ui.js"></script>
<script src="/static/plugin/element-ui/locale/zh-cn.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-adapt-element-plus.js"></script>
<script src="/static/plugin/jo/jo-page-element-plus.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<script src="/static/js/common_biz.js"></script>
<script src="/static/plugin/jsencrypt/jsencrypt.min.js"></script>
<script src="/static/js/login/login.js"></script>
<script type="text/javascript">
    var param = joEl.buildVueAppParam({
        data: function () {
            return {
                // 账号
                account: '',
                // 密码
                password: '',
            };
        }
        , computed: {}
        , methods: {
            // 登录
            login() {
                loginProcess({
                    account: this.account,
                    password: this.password,
                    // onSuccess: function (json) {
                    //     jo.showSuccessMsg('登录成功');
                    //     if (json.data.redirectTo) {
                    //         console.info('登录返回重定向地址:', json.data.redirectTo);
                    //         window.location.href = json.data.redirectTo;
                    //     } else {
                    //         window.location.href = '/?' + REQUEST_DATA_KEY_TOKEN + '=' + json.data.token;
                    //     }
                    //
                    // }
                });
            },
        }
        , mounted() {

        }
    });
    const app = Vue.createApp(param);
    app.use(ElementPlus, {locale: ElementPlusLocaleZhCn}).use(joEl);
    const appVM = app.mount("#app");
</script>

</body>
</html>
